<template>
	<view>
		<view class="question-header">
			<view class="layout">				
				<view class="question-header-icon" @click="handleBackedButton()">
					<image src="/static/icon/icon-back.png"></image>
				</view>
				<view class="question-header-tooltip">错题集</view>
				<view class="question-header-icon">
					<image src="../../../static/icon/icon-share.png"></image>
				</view>
			</view>
		</view>
		
		<view class="mistakes-box">
			<view class="mistakes-box-item" v-for="(question,index) in mistakesList" :key="index">
				<view class="mistakes-box-item-header layout">
					<view class="mistakes-box-item-header-label">像实体</view>
					<view class="mistakes-box-item-header-time">{{question.mistakesTime}}</view>
				</view>
				<view class="mistakes-box-content">
					{{question.questionContent}}
				</view>
				<view class="mistakes-box-item-button layout-right">
					<view class="mistakes-box-item-button-item">导出/打印</view>
					<view class="mistakes-box-item-button-item">相似题</view>
					<view class="mistakes-box-item-button-item">错题再练</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mistakesList:[
					{
						mistakesTime:"2024-11-18",
						questionContent:"石帆胜丰士大夫撒旦发射点四登封四登封四登封似的发生的发顺丰的"
					},
					{
						mistakesTime:"2024-11-18",
						questionContent:"石帆胜丰士大夫撒旦发射点四登封四登封四登封似的发生的发顺丰的"
					}
				]
			}
		},
		methods: {
			handleBackedButton:function(){
				uni.redirectTo({
					url:"/pages/examine/main/main"
				})
			},
			
		}
	}
</script>

<style>
page { background: #ededed; padding-top: 160rpx; padding-bottom: 120rpx; }

.question-header { position: fixed; top: 0; left: 0; right: 0; background: #fff; }
.question-header { padding-top:var(--status-bar-height);}
.question-header-icon { width: 40rpx; height: 40rpx; padding-top:30rpx; padding-left: 25rpx;}
.question-header-tooltip { width: 650rpx; height: 50rpx; padding: 25rpx 0; font-size: 18px; font-weight: bold; }
.question-header-tooltip { text-align: center;}

.mistakes-box-item { background: #fff; width: 670rpx; padding: 15rpx; margin: 0 auto; margin-bottom: 25rpx; border-radius: 20rpx; }
.mistakes-box-item-header-label { width: 80rpx; margin-right: 390rpx; text-align: left; background: #ededed; font-size:12px; padding: 10rpx; border-radius: 20rpx; }
.mistakes-box-item-header-time { width: 200rpx; text-align: right; font-size: 12px; color: #666; }
.mistakes-box-content { padding: 15rpx 0; font-size: 14px; line-height: 25px; }
.mistakes-box-item-button-item { background: #ededed; color: #666; border-radius: 20rpx; font-size: 14px; font-weight: bold; padding: 15rpx 25rpx; margin-left: 20rpx; }
</style>
